<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <script src="../vue.js"></script>
</head>

<body>
    按键修饰符
    .enter：回车键
    .tab：制表键
    .delete：含delete和backspace键
    .esc：返回键
    .space: 空格键
    .up：向上键
    .down：向下键
    .left：向左键
    .right：向右键

    直接写字母 .a
    @keydown.a.b.c="showa" 按 a/b/c

    直接写数组 不可以 可以自己配置
    Vue.config.keyCodes.XXX = 键码号;


    鼠标修饰符：
    .left：鼠标左键
    .middle：鼠标中间滚轮
    .right：鼠标右键

    修饰键：
    .ctrl .ctrl.67 67-->c
    .alt
    .shift
    .meta 键盘键

    <div id="app">
        <!-- <input type="text" @keydown="show">
           <input type="text" @keydown.one="showa"> -->

        <button @click.prevent.right="showa">点击</button>

        <input type="text" @keydown.alt="showa">
        <input type="text" @keydown.ctrl.c="showa">
    </div>
    <script>
        Vue.config.keyCodes.one = 49;

        var vm = new Vue({
            el: "#app",
            methods: {
                show(e) {
                    //console.log(e.keyCode);
                    if (e.keyCode === 13) {
                        console.log("回车")
                    }
                },
                showa() {
                    console.log("回车2222");
                }
            }
        })
    </script>
</body>

</html>